<!DOCTYPE html>
<html>
    <head>
        <title>Administrator Account</title>
        <link rel="stylesheet" type="text/css" href="pageLayout.css" />
        <style type="text/css">
            .minbody     {height:640px;}
            .fcontainer{
                height:500px;
                width:100%-100px;
                background-color:#ffffff;
                padding:50px;
                margin-top:-50px;
            }
            .registerheader{
                font-size:20px;
                color:#0099ff;
            }
            .reglabel{
                font-size:30px;
                font-family:'Intro';
                color:#0099ff;
            }
            .formtable{
                margin-left:20px;
            }
            .formtable td{
                width:300px;
                overflow:hidden;
            }
        </style>
        <script type="text/javascript" src="jquery-latest.pack.js"></script>
        <script type="text/javascript" src="javascript.js"></script>
    </head>
    <body>
        <?php
        // put your code here
        ?> 
        <div class="mainheader">
            <div class="minheader">
                <div class="outsideheader">
                    <div class="navbar">
                        <ul>
                            <li><a href='index.html'><img src="images/logo.png"/></a></li>
                            <li><a href='categories.html'>books</a></li>
                            <li><a href='categories.html'>music</a></li>
                            <li><a href='categories.html'>movies</a></li>
                            <li><a href=''>about</a></li>
                            <li><a href=''>contact</a></li>
                            <li><form><input id="search" type="text" value="Search" onfocus="clearText(this)" onBlur="checkIfEmpty(this)"/></form></li>
                        </ul>
                    </div>
                    <div id="accountbar">
                        <div class="accountbutton">
                            <span>0</span>
                            <div id="cartitemphrasecontainer">
                                <a id="cartitemsphrase">cart items</a>
                            </div><br><br>
                            <a>check out</a>
                        </div>

                        <div onmouseover="unhideLogin()" onmouseout="hideLogin()" class="accountbutton" id="logreg">
                            <a id="logregphrase">login/<br>register</a>
                        </div>

                        <div id="logregarea">
                            <div id="login" onmouseover="unhideLogin()" onmouseout="hideLogin()">
                                <form method="POST">
                                    <a>Username</a><br><input type="text"/><br>
                                    <a>Password</a><br><input type="password"/><br>
                                    <input type="checkbox"/>
                                    <a>Keep me logged in</a>
                                    
                                    <input type="submit">
                                </form>
                            </div>
                            <div id="registerbutton" onmouseover="unhideLogin()" onmouseout="hideLogin()"><a href="register.html">Register</a></div>
                        </div>

                    </div>
                </div>
            </div>
        </div>

        <div class="mainbody">
            <div class="minbody">
                <div class="fcontainer">
                    <a class="reglabel">Create a new employee account</a>
                    <form method="POST">
                        <table class="formtable">
                            <tr><td><a>Username</a></td><td><input type="text" name="newusername"/></td></tr>
                            <tr><td><a>Password</a></td><td><input type="password" name="newpassword"/></td></tr>
                            <tr><td><a>Repeat Password</a></td><td><input type="password" name="newrpassword"/></td></tr>
                            <tr><td><a>Account type</a></td><td><select name="accounttype">
                                <option value="administrator">Administrator</option>
                                <option value="productmanager">Product Manager</option>
                                <option value="accountmanager">Account Manager</option>
                            </select></td></tr>
                        </table><br>
                        <input type="submit"/>
                    </form><br>

                    <a class="reglabel">Lock employee account</a>
                    <form method="POST">
                        <table class="formtable">
                            <tr><td><a>Employee username</a></td><td><input type="text" name="lockusername"/></td></tr>
                        </table><br>
                        <input type="submit"/>
                    </form><br>

                    <a class="reglabel">Unlock employee account</a>
                    <form method="POST">
                        <table class="formtable">
                            <tr><td><a>Employee username</a></td><td><input type="text" name="unlockusername"/></td></tr>
                        </table><br>
                        <input type="submit"/>
                    </form><br>

                    <a class="reglabel">Delete an employee account</a>
                    <form method="POST">
                        <table class="formtable">
                            <tr><td><a>Employee username</a></td><td><input type="text" name="deleteusername"/></td></tr>
                        </table><br>
                        <input type="submit"/>
                    </form>
                </div>
            </div>
        </div>

        <div class="mainfooter"> 
            <div class="minfooter">
            </div>
        </div>
    </body>
</html>
